.flex {
  display: flex;
  align-items: center;
}


.order-wrap {
  background: #f5f5f5;
  height: 100vh;

  .order-item {
    background: #fff;
    color: #333;
    margin-bottom: 24px;
    padding-bottom: 24px;

    .top {
      padding: 24px;
      display: flex;
      align-items: flex-start;
      border-bottom: 1px solid #e5e5e5;

      .calendar-icon {
        width: 44px;
        height: 44px;
        margin-right: 8px;
      }

      .info {
        .time {
          font-size: 32px;
          color: #333;
          font-weight: 500;
          margin-bottom: 12px;
        }

        .address {
          font-size: 26px;
          color: #666;
          font-weight: 400;
        }
      }
    }

    .cost-list {
      padding-left: 24px;

      .cost-item {
        border-bottom: 1px solid #e5e5e5;

        &:last-child {
          border-bottom: none;
        }

        .order-no {
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-size: 28px;
          color: #666;
          padding-right: 24px;
          padding-top: 24px;
          padding-bottom: 20px;

          text {
            &::before {
              content: '';
              display: block;
              width: 12px;
              height: 12px;
              border-radius: 50%;
              background: #12B3FF;
              margin-right: 24px
            }
          }

          .total-price {
            color: #E6A23C;
            font-size: 28px;
          }

        }

        .cost-goods {
          padding: 0 24px 0 32px;
          margin-bottom: 20px;

          .goods-name {
            font-size: 26px;
            color: #333;
            line-height: 50px;
          }

          .goods-code {
            font-size: 26px;
            color: #999;
            justify-content: space-between;
          }
        }

      }
    }
  }

  .page-base {
    text-align: center;
    font-size: 24px;
    color: #666;
    padding: 24px
  }
}
